﻿/*-----------------------------------------------------------------------------------
    0.  Login Style
-----------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,h1,h2,h3,h4,h5,h6,
 p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,hr{margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%; }


ol, ul  { list-style: none; }

/* HTML5 display definitions */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, dialog { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; visibility: hidden; }


body {font-family:"Heiti SC","Microsoft Yahei","Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 300;font-size:12px; color:white; text-align: left; position: relative;background: #fafafa;height: 100%;}
input[type=text], input[type=password] {background-color:transparent; color:white;}
input[type=text], input[type=password], input[type=button], textarea, select { -moz-appearance: none; -webkit-appearance: none; }

        input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{ background-color:transparent!important; color:white!important}

h1 { font-size: 100px;  }
h2 { font-size: 40px; }
h3 { font-size: 28px;  }
h4 { font-size: 20px; }
h5 { font-size: 18px;  }
h6 { font-size: 16px;  }

a {text-decoration:none; color:white; }
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}


/*------------------------
    Default Style
-------------------------*/
.center { margin:0px auto;}
.wd1000{width:1000px;}
.ml60{ margin-left:30px;}
.ft { float:left;}
.fr { float:right;}
._info{border:1px solid rgba(255,255,255,0.2); width:737px;  background-color:rgba(19,6,1,0.3); }
._info ._title {height:100px; vertical-align:middle;line-height:100px;padding-left:30px; border-bottom:1px solid rgba(160,160,160,0.4); background-color:rgba(19,6,1,0.7)}
._info ._title img{ vertical-align:middle; margin-right:10px; margin-top:-10px;}
._info ._title span{ font-size:16px; color: white;}
.tran_lg{ background-color:transparent;}
.jp-current{ background-color: rgba(255, 76, 6, 0.7)!important;}
.hide{ display:none;}
.show { display:block;}

/*------------------------
    0.  Login Style
-------------------------*/
.login_bg {height:100%;background:url("../img/background_img/login_Backimg.jpg")  no-repeat left top fixed ;background-size:cover;}
.login_bg .login_div { padding-top:200px; width:476px;}
.login_bg .login_div form { text-align:left;}
.login_bg .login_div .login_text {width:340px;}
.login_bg .login_div .login_text input {border:0px; margin-top:2px; font-size:14px;}
.login_bg .login_div .login_text h4 { margin-top:10px; margin-bottom:30px;}
.login_bg .login_div .login_text a{ color:rgba(255,255,255,0.6);}
.login_bg .login_div .login_text section {  margin-bottom:20px; padding:10px 0px;  vertical-align:middle;}
.login_bg .login_div .login_text section p{ margin-bottom:10px;}
.login_bg .login_div .login_text section img{ float:left; margin:0px 7px 0px 7px;}
.login_bg .login_div .login_text section { border-bottom: 1px dashed white;}
.login_bg .login_div .login_text section input{  -webkit-box-shadow:none;box-shadow: none; height:auto; padding:0px; margin-bottom:0px;}
.login_bg .login_div .login_text section input[type=text]{ width:300px;}
.login_bg .login_div .login_text section input[type=password]{ width:235px;}
.login_bg .login_div .login_text .login_error{ margin:10px 0px; color:red;}
.login_bg .login_div .login_text .widget-content{ margin-top:40px;}
.login_bg .login_div .login_text .widget-content .btn_login{  padding: 10px 140px;font-size: 16px; background-color: rgba(255, 76, 6, 0.3);background-image:none; border:1px solid rgba(255,255,255,0.4); color:white;}

/*------------------------
    1.  Default Style
-------------------------*/
.default_lg {background:url("../img/background_img/backgroundimg.jpg")  no-repeat left top fixed ;background-size:cover;}
.page_top{  height:100px;  background-color:rgba(31,13,7,0.3); border-bottom:1px solid rgba(255,255,255,0.3);}
.page_top h2{ width:280px;}
.page_top .show_info {padding:20px 0px; }
.page_top .top_right{margin-right:40px;}
.page_top .top_right td{padding-right:10px;}
.page_top .top_right td .dividing_line{height:40px; border-left:1px solid white;}
.page_top .top_right .top_closeBtn p{ margin:-2px 0px 0px 5px;color:rgba(255,255,255,0.6);}

.page_body {min-height:847px; /*border-bottom:1px solid rgba(255,255,255,0.4);*/  height:100%; width:1000px;}
.page_body .body_nav{width:240px; min-height:800px; height:100%;background-color:rgba(255,255,255,0.05);border-right:1px solid rgba(255,255,255,0.1);}
.page_body .body_nav ul{width:100%;font-size:16px;}
.page_body .body_nav ul li a{height:70px; display:block; vertical-align:middle;line-height:70px; padding-left:30px; border-bottom:1px solid rgba(255,255,255,0.2)}
.page_body .body_nav ul li img{vertical-align:middle; margin-right:20px;}
.page_body .body_nav ul li a:hover,.page_body .body_nav ul li a:active{ background-color:rgba(255, 76, 6, 0.3)}
.page_body td{ border-bottom:1px solid rgba(255,255,255,0.4);}
.page_body .body_info{ padding:20px 0px 20px 20px;}

.page_footer{ text-align:center; margin-top:10px;}
/*------------------------
    2.  CommodityManage Style
-------------------------*/
.cm_dateBtn .control-group{ padding:15px 20px 30px 20px;}
.datetimepicker-days{ color:black;}
.datepng{width:30px;height:30px; margin:-2px 0px 0px -2px;    background-image: url("../img/small_img/date.png");background-position:0px 0px;background-repeat:initial;}
.selectpng{width:30px;height:30px; margin:-2px 0px 0px -2px;    background-image: url("../img/small_img/select.png");background-position:0px 0px;background-repeat:initial;}
.tabbable {min-height:641px;}
.tab-content table{text-align: center; vertical-align: middle; width:100%;}
.tab-content table thead{ border-bottom:1px solid rgba(255,255,255,0.2);background-color:rgba(49,30,23,0.6)}
.tab-content table .end_tr{ border-bottom:1px solid rgba(255,255,255,0.4);}
.tab-content table td,.tab-content table th{ height:40px; width:80px;}
.tab-content table .tab_edit{text-align:center; vertical-align:middle;}
.tab-content table tr.tab_even_line { background-color:rgba(255,255,255,0.07);}
.tab-content table tr.tab_odd_line { background-color:rgba(255,255,255,0.03);}
.tab-content table .tab_edit {width:80px;}
.tab-content table .tab_edit td.tab_edit_line line{ width:2px; border-right:1px solid rgba(255,255,255,0.5); height:30px; display:block; margin:0px 10px;}
.tab-content table .tab_Num{ background-color:rgba(255,255,255,0.03); width:40px!important;}
.tab-content .table_btn{ margin:30px 0px; text-align:right;}
.tab-content .table_btn a,.tab-content .table_btn span{background-image:none;  background-color: rgba(255,255,255,0.1);  color:white;}
.tab-content .table_btn a:active{ background-color: rgba(255, 76, 6, 0.7)}


/*------------------------
    2.  ProductLaunch Style
-------------------------*/
.npl_lg .table_btn a{ font-size:12px; background-image:none;  background-color: rgba(255,255,255,0.2);  color:white;  border:1.3px dashed rgba(255,255,255,0.4); box-shadow:none;-webkit-box-shadow:none;}
.npl_lg .table_btn.preview a{ margin-right:40px;padding:6px 13px;}
.npl_lg .table_btn.preview a:active{ background-color: rgba(243,136,10,0.7);}
.npl_lg .npl_body{  padding:10px 20px 0px 20px; min-height:1034px;}
.npl_lg .npl_body span{ font-size:13px;}
.npl_lg .npl_body hr{ margin:8px 0px; border:0px; border-bottom:1px solid rgba(255,255,255,0.4);}
.npl_lg .npl_body table{ width:580px; vertical-align:top;}
.npl_lg .npl_body table tr td{ padding:8px 0px;}
.npl_lg .npl_body table tr td.tab_title{ padding-top:20px;}
.npl_lg .npl_body table textarea{resize: none; height:200px; background-color:transparent; color:white;}
.npl_lg .npl_body table input,.npl_lg .npl_body table textarea{ width:450px; margin-left:50px; float:left; background-color:rgba(29,14,6,0.3); color: rgba(255,255,255,0.6);}
.npl_lg .upload_img{ height:194px; width:254px; text-align:center; vertical-align:middle; margin:0px 14px; border-radius:7px; border:1px dashed white; padding-top:60px; background-size:50%; background-size:100% !important;}
.npl_lg .upload_img hr{width:100px; margin:0px auto 10px auto; border:0px; border-bottom:1px solid white;}
.npl_lg .table_btn.submit a{ display:block; margin-right:15px; border-style:solid; border-color: rgba(255,255,255,0.6); background-color:rgba(255,255,255,0.3);}



/*------------------------
    3.  ServiceNotice Style
-------------------------*/
.sn_list{ width:695px;margin:0px auto;}                     /*rgba(243,136,10,0.3)*/
.sn_list li a{height:80px; display:block; line-height:80px; background-color:rgba(255,255,255,0.06); margin:4px 0px;} 
.sn_list li a:hover{ background-color:rgba(255, 76, 6, 0.3);}
.sn_list li a span{ background:url("../img/small_img/list.png") no-repeat center left; display:block; margin-left:40px; padding-left:40px;}